* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li {
  list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
a{
	text-decoration: none;
}
@font-face {
  font-family: font;
  src: url(../font/font.ttf);
}
@font-face {
  font-family: 'iconfont';
  src: url('../icon/iconfont.eot');
  src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../icon/iconfont.woff2') format('woff2'),
      url('../icon/iconfont.woff') format('woff'),
      url('../icon/iconfont.ttf') format('truetype'),
      url('../icon/iconfont.svg#iconfont') format('svg');
}

// &:after{
// 			clear: both;
// 			content: ' ';
// 			display: block;
// 			visibility: none;
// 			height: 1%;
// 		}	


//单行溢出
.linehidden{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

//变量样式
@color-white:#fff;
@color-black3: #333;
@color-black6: #666;
@color-black9: #999;

.iconsub-shadow{
	box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.12);
}
.shadow-icon{
	box-shadow: 0px 0px 0.075rem 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 0.075rem 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0.075rem 0px rgba(0,0,0,0.3);
}
.shadow-list{
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);

}
.shadow{
	box-shadow: 0px 0.0125rem 0.125rem 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0.0125rem 0.125rem 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0.0125rem 0.125rem 0px rgba(0,0,0,0.1);
}
.shadow-hover{
	box-shadow: 0px 0.0125rem 0.1875rem 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0.0125rem 0.1875rem 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0.0125rem 0.1875rem 0px rgba(0,0,0,0.25);
}
.trasition2{
	transition: box-shadow ease-in-out 0.2s;
	-webkit-transition: box-shadow ease-in-out 0.2s;
}
.trasition3{
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
}
body {
  font-family: Arial, Helvetica, sans-serif,"微软雅黑";
  margin: 0;
  padding: 0;
  /*  背景图定位 / 背景图尺寸  cover 完全铺满容器  contain 完整显示在容器内 */
  background: #f0f0f2;
  /* 行高是字体1.15倍 */
  line-height: 1.15;
}
.mainbox{
	padding: 0 0.3125rem 0.3125rem;

}
.box {
	display: flex;
  min-width: 1100px;
  max-width: 1920px;
	margin-top: 0.3125rem;  	
  .column {
    flex: 1;
		margin:0 0 0 0.3125rem;
		.shadow();
		border-radius: 3px;
		overflow: hidden;
		&:nth-child(1){
			margin-left:0;
		}
		.trasition2();		
		&:hover{
			.shadow-hover();
		}
  }
}



.top{
	height:448px;
	border-radius: 3px;
	.tq{
		height: 270px;
		background: #3197ff;
		.tq_text{
			&:after{
						clear: both;
						content: ' ';
						display: block;
						visibility: none;
						height: 1%;
					}	
			h1{
				float:left;
				font-family: iconfont;
				font-size: 80px;
				color:#fff;
				padding: 10px 0.25rem 0;
			}
			h2{
				float:left;
				font-size:16px;
				padding-top: 45px;
				color: #fff;
			}
			h3{
				margin: 18px 0.3125rem 0 0;
				float:right;
				font-size: 64px;
				font-weight: bold;
				color:#fff;
				span{
					font-size: 38px;
					font-weight: normal;
				}
		}
		}
		.tq_list{
			width:100%;
			padding: 0 0.3125rem;			
			li{
				&:after{
							clear: both;
							content: ' ';
							display: block;
							visibility: none;
							height: 1%;
						}	
				line-height: 32px;
				font-size: 16px;
				color:#fff;
				span{float:left;}
				b{float:right;}
				&:first-child{
					margin-top: 10px;
					padding-top: 12px;
					border-top: 1px solid rgba(255,255,255,.1);
				}
			}
		}
	}
	.td{
		height: 178px;
		background: #41b76b;
		position: relative;
		z-index: 10;		
		.shadow();
		&.pd{padding: 0 0.125rem;}
		
		dl{
			height: 96px;
			line-height: 96px;
			padding: 0 0.1875rem;
			&:after{
						clear: both;
						content: ' ';
						display: block;
						visibility: none;
						height: 1%;
					}	
			dt,dd{font-size: 22px; font-weight: bold; color:#fff;}
			dt{
				float:left;
			}		
			dd{float:right;}
		}
		
		#rollAD{
			width:100%;
			padding: 0 15px;
			height: 68px;
			line-height: 68px;
			background: rgba(255,255,255,0.1);
			position:relative; 
			overflow:hidden;
			border-radius: 3px;
			#rollText{
				p{					
					color:#fff;
					font-size: 16px;
					height: 68px;
					line-height: 68px;
					&:after{
								clear: both;
								content: ' ';
								display: block;
								visibility: none;
								height: 1%;
							}	

					b{float:right; font-weight: normal;}
					span{
						float: left;
					}
				}
			}
		}
		
	}
}

.t_t{
	padding-top: 35px;
	height: 270px;
	background: #fff;
	text-align: center;

	h1{
		margin: 0 auto 26px auto;
		width:138px;
		height:138px;
		border-radius: 50%;
		font-family: iconfont;
		font-size: 90px;
		line-height: 138px;
		
		&.bg1{
			background:rgba(251,91,109,.1);
			color:rgba(251,91,109,1);
		}
		&.bg2{
			background:rgba(250,129,21,.1);
			color:rgba(250,129,21,1);
		}
		&.bg3{
			background:rgba(233,90,181,.1);
			color:rgba(233,90,181,1);
		}
	}
		
	h2{
		font-size: 30px; 
		color:#333;
		}
}
.c_list{
	height: 178px;
	background: #fff;
	position: relative;
	z-index: 10;		
	.shadow();
	padding: 0 0.3125rem;
	ol{
		padding-top: 18px;
		&.ol3{
			padding-top: 10px;
			li{line-height: 54px;}
		}
		li{
			font-size: 16px;
			color:#666;
			line-height: 36px;
			&:after{
						clear: both;
						content: ' ';
						display: block;
						visibility: none;
						height: 1%;
			}	
			b{float:left; font-weight: normal;}
			span{float:right;}		
		}
		
	}
}

.list{
	padding: 0.3125rem 0.3125rem 0;
	height:300px;
	background: #fff;
	border-radius: 3px;
	
	h1{
		font-size: 22px;
		margin-bottom: 22px;
	}
	.dl_list{
		text-align: center;
		display: flex;
		font-size: 14px;
		color:#333;
		&.bg1{
			dt{background: #ffeef0;}
		}
		&.bg2{
			dt{background: #fef2e7;}
		}
		&.bg3{
			dt{background: #fdeef7;}
		}
	}
	dl{
		flex:1;
		
		dt{
			font-weight: bold;	
				
			}
		dt,dd{
			height: 50px;
			line-height: 50px;
			.linehidden();
		}
		dd{
			border-bottom: 1px solid rgba(0,0,0,.1);
		}
	}
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 1920) {
  html {
    font-size: 80px !important;
  }
}